<template>
	<tm-fullView>
		<template v-slot:default="{ info }">
			<view :style="{ minHeight: info.height + 'px' }" :class="[$tm.vx.state().tmVuetify.black ? 'black' : 'grey text']">
				<tm-menubars title="页面模板" color="bg-gradient-blue-accent" :showback="true"></tm-menubars>

				<tm-grouplist :shadow="24" >
					<tm-listitem url="cartBag" :fontSize="32" title="外卖零售购物车列表" value="点击预览"></tm-listitem>
					<tm-listitem disabled :fontSize="32" title="更多开发中 ... " :showRightIcon="false"></tm-listitem>
				</tm-grouplist>
				<view style="height: 50rpx;"></view>
			</view>
		</template>
	</tm-fullView>
</template>



<script>
	import tmGrouplist from "@/tm-vuetify/components/tm-grouplist/tm-grouplist.vue"
	import tmListitem from "@/tm-vuetify/components/tm-listitem/tm-listitem.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	export default {
		components:{tmGrouplist,tmListitem,tmMenubars,tmFullView,tmSheet},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
